<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HEAD>
<TITLE>知恵袋 12115700947  WindowsMediaPlayerで動画の再生 </TITLE>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript">
// ビデオボックス Version3(Windows Media Playerバージョン）
function VideoBox_ver3(){
 $('a').click(function(e){     // a タグクリック
 var rel_value = $(this).attr("rel");
 var values    = rel_value.split(",");
 if(values[0]=="vbox3"){
  var player_name = values[1];
  var src_name    = values[2];
  var video_wx    = parseInt(values[3]);
  var video_hx    = parseInt(values[4]);
  var autoplay    = values[5];
  var AutoStart="false";
  if(autoplay=="1"){AutoStart="true";}


  var size_data="";size_data = this.title;
  if(size_data!=""){
   var pos01=size_data.indexOf(",");
   video_wx=size_data.substring(0,pos01);
   video_hx=size_data.substring(pos01+1,size_data.length);
   video_wx=video_wx-0;
   video_hx=video_hx-0;
  }
// ------------ モニターサイズを取得 ------------
  var w;var h;
  w      = document.documentElement.scrollWidth   || document.body.scrollWidth; // モニター横
  h      = document.documentElement.scrollHeight  || document.body.scrollHeight;// モニター縦
  var wg = document.documentElement.clientWidth   || window.innerWidth  || self.innerWidth;
  var w0 = window.pageXOffset || document.documentElement.scrollLeft    || document.body.scrollLeft;
  var hg = document.documentElement.clientHeight  || window.innerHeight || self.innerHeight;
  var h0 = window.pageYOffset || document.documentElement.scrollTop     || document.body.scrollTop;
  $('body').append('<p id="vbox" style="display:none;position:absolute;left:0px;top:0px;z-index:11999;background-color:#ffffff;text-align:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-image:url(http://stat001.ameba.jp/user_images/20130813/22/new-blue-777/39/5d/g/o0128001512646403789.gif);background-repeat:no-repeat;background-position:center center;">' +
 '<object id="'+player_name+'" width="'+video_wx+'" height="'+video_hx+'" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" '+
 'codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" ' +
 'standby="Loading MicrosoftR WindowsR Media Player components..." ' +
 'type="application/x-oleobject" style="margin-top:'+v_border_px+'px;display:none;">' +
 '<param name="'+player_name+'" value="'+src_name+'" />' +
 '<param name="AutoStart" value="'+AutoStart+'true" />' +
 '<param name="ShowControls" value="false" />' +
 '<embed name="'+player_name+'"  style="margin-top:'+v_border_px+'px;display:none;"' +
 'type="application/x-mplayer2" ' +
 'pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" ' +
 'src="'+src_name+'" ' +
 'width="'+video_wx+'" height="'+video_hx+'" ' +
 '	autostart="'+autoplay+'" ' +
 'showcontrols="0"></embed></object><span id="v_close_x1"></span></p>');

// ------------ 全体背景設定 ① ------------
 $('body').append('<p id="vbox_body" style="background-color:#000000;display:none;position:absolute;left:1px;top:1px;border:none;z-index:11800;width:'  + w + 'px;height:' + h + 'px;"> </p>');
// ------------ ポップアップ動画設定 ③ ------------
 var video_wh = video_wx  / 2;          // 動画の横幅÷２ ＝ 動画配置位置(横)
 var video_hh = video_hx  / 2;          // 動画の縦幅÷２ ＝ 動画配置位置(縦)
 var w2=w0+wg/2;var h2=h0+hg/2;
 var leftPos = (w2 - video_wh)-(v_border_px);
 var topPos  = (h2 - video_hh)-(v_border_px);
 var vbox_width=video_wx+v_border_px*2;
 var vbox_height=video_hx+v_border_px*2;
// ------------ 全体背景設定＆表示 ------------
 $('#vbox_body').fadeTo(10,v_back_parent).fadeIn(75);
// ------------ ポップアップ動画表示 ------------
 $("#vbox").css("top",h2-100+"px").css("left",w2-100+"px");
 $("#vbox").css("width","100px").css("height","100px").css("display","block");
 $("#vbox").animate({
 top:    topPos  + "px",
 left:   leftPos + "px",
 width:  vbox_width  + "px",
 height: vbox_height + "px"},1500);
 setTimeout("vboxup3()",v_fade_in_time);                           // 動画表示(徐々に)
// ------------ クローズ画像設定 ------------
 $('#v_close_x1').css("cssText","background-image:url(http://blog-imgs-43.fc2.com/k/i/y/kiyo0214/o0105004010852331277.png);background-repeat:no-repeat ;width:105px;height:40px;z-index:12000;display:block;float:right;display:none;");
// ------------ ウインドウリサイズ（画面の大きさを変えたとき） ------------ start
 window.onresize = function() {
 w=document.documentElement.scrollWidth   || document.body.scrollWidth; // モニター横
 h=document.documentElement.scrollHeight  || document.body.scrollHeight;// モニター縦
 wg=document.documentElement.clientWidth  || window.innerWidth  || self.innerWidth;
 w0=window.pageXOffset || document.documentElement.scrollLeft   || document.body.scrollLeft;
 hg=document.documentElement.clientHeight || window.innerHeight || self.innerHeight;
 h0=window.pageYOffset || document.documentElement.scrollTop    || document.body.scrollTop;
 var video_wh = video_wx  / 2;          // 動画の横幅÷２ ＝ 動画配置位置(横)
 var video_hh = video_hx  / 2;          // 動画の縦幅÷２ ＝ 動画配置位置(縦)
 var w2=w0+wg/2;var h2=h0+hg/2;
 var leftPos = (w2 - video_wh)-(v_border_px);
 var topPos  = (h2 - video_hh)-(v_border_px);
 $('#vbox').css("top",  topPos  + "px");                           // 動画の座標位置(上) CSS
 $('#vbox').css("left", leftPos + "px");                           // 動画の座標位置(左) CSS
 };
// ------------ ウインドウリサイズ（画面の大きさを変えたとき） ------------ e n d
// ------------ クローズ処理 ------------
$(function(){
 $('#v_close_x1').click(function(){                                // Close ボタンクリック時
 $('#vbox').fadeOut(v_fade_out_time);                              // 動画非表示(徐々に)
 setTimeout("vboxrm3()", v_fade_out_time);                         // 画像動画を消去(時間制御) setTimeout
});});
 return false;                                                     // a タグによるアクション（リンク先に飛ぶ)を無効にする
}});};
// ------------ 消去用関数 ------------
function vboxrm3(){// 動画・画像を消去(remove)
 $('#vbox').remove();
 $('#vbox_body').remove();
}
// ------------ ポップアップ用関数 ------------
function vboxup3(){// 動画を表示
 $('#vbox object').fadeIn(v_fade_in_time).css("display","inline");
 $('#vbox embed').fadeIn(v_fade_in_time).css("display","inline");
 $('#vbox #v_close_x1').fadeIn(v_fade_in_time);
}
</script>
<script type="text/javascript">
var v_border_px=40;
var v_fade_in_time="2000";
var v_fade_out_time="1000";
var v_back_parent=0.9;
$(document).ready(function() {
VideoBox_ver3();
});
</script>

<style type="text/css">
body{ /* 全体 */
background-color:#000000;
color:#ffffff;
}
</style>
</HEAD>
<body>
<a href="javascript:void(0)" rel="vbox3,yfmediaplayer,http://stat.ameba.jp/peta/user/swf/event_081031/13/peta_button2.swf,300,200,1" title="">動画</a><br>




</body>
</HTML>

